﻿<!DOCTYPE html>
<head>
    <title>Table with spanned coloumns and rows</title>
</head>
<body>
    <table cellspacing="50" cellpading="50">
        <tr>
            <td>
                <table>
                    <tr>
                        <td colspan="2" style="text-align: center">
                            <h1><i>Fresh Fruits</i></h1>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; width: 250px;">In has lond been known that a diet
                            tath includes at least afew
                            servings of fresh fruit evry day
                            will help keep you healthy, fit and
                            trim.                            
                        </td>
                        <td>
                            <img src="pic.png" alt="Fruit" />
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <table border="1" cellspacing="2" cellpadding="8" style="text-align: center; width: 200px;">
                    <tr>
                        <td colspan="3">Title goes here</td>
                        <td>A</td>
                        <td style="text-align: right">B</td>
                    </tr>
                    <tr>
                        <td rowspan="3" style="text-align: left">C</td>
                        <td>D</td>
                        <td>E</td>
                        <td>F</td>
                        <td align="right">G</td>
                    </tr>
                    <tr>
                        <td>H</td>
                        <td colspan="2">I</td>
                        <td rowspan="2" style="text-align: right; vertical-align: bottom;">J</td>
                    </tr>
                    <tr>
                        <td>K</td>
                        <td>L</td>
                        <td>M</td>
                    </tr>
                    <tr>
                        <td style="text-align: right">N</td>
                        <td colspan="4" style="text-align: center">O</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

</body>
</html>
